<template>
    <div class="page-body">
        <BasicNavComponent ref="navRef" class="customer-style" :index-sel="20" :group="group" @success="navSuccess"></BasicNavComponent>
    </div>
</template>
<script lang="ts">
</script>
<script lang="ts" setup>
import BasicNavComponent from "@components/BasicNavComponent.vue";
import defineGlobalStance from "@utils/global-property";
import { ref } from "vue";
import { weekShow } from "@/utils";

const navRef = ref(null)
let { globalConfig } = defineGlobalStance()
const group = ref([{
    label: "运营商",
    short: '运'
}, {
    label: "站点公司",
    short: '战'
}, {
    label: "这锂租车商家端",
    short: '商'
}, {
    label: "这锂租车平台端",
    short: '平'
}])

function doTest() {
    // window.location.href=`myapp://example/path?${JSON.stringify({aaa: 111})}`
    window.location.replace(`myapp://example/path?${ JSON.stringify({ aaa: 111 }) }`)
}

function navSuccess(msg) {
    console.log(msg)
}

setTimeout(() => {
    console.log("setTimeout")
    navRef.value.resetIndex(3)
}, 1200)
console.log(weekShow("1,3,5,7,9,k,"))
</script>

<style scoped lang="scss">

.page-body {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: white;
}

//通过样式穿透调整样式
//.customer-style{
//    :deep(.clip-class ){
//        height: 80px;
//        line-height: 80px;
//    }
//}

</style>